header{
	position: fixed;
	z-index: 100;
	background-color: white;
	width: 100%;
}
.logo{
	width: 1340px;
	margin: 0 auto;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
li{
	list-style: none;
}
a{
	color: black;
	text-decoration: none;
}
.navigation{
	padding-top: 38px;
}
.navigation a{
	font-size: 14px;
}
.navigation a:hover{
	font-size: 18px;
}
.navigation .a1{
	border-top: 2px red solid;
	padding-left: 23px;
	padding-right: 24px;
	color: #ea0e0e;
}
.navigation .a1:hover{
}
.navigation .a1{
	
}
.navigation .a2{
	padding-left: 23px;
	padding-right: 23px;
}
.navigation .a3{
	padding-left: 24px;
	padding-right: 19px;
}
.navigation .a4{
	padding-left: 28px;
	padding-right: 15px;
}
.navigation .a5{
	padding-left: 32px;
	padding-right: 25px;
}
.navigation .a6{
	padding-left: 21px;
}

.clearfix::before,.clearfix::after{
	content: ' ';
	display: block;
}
.clearfix::after{
	clear: both;
}

.logo{
	height: 84px;
	width: 1140px;
	margin: 0 auto;	
}
.logo img{
	padding-right: 150px;
}
.logo .img2{
	width: 170px;
	height: 30px;
	background: url(../case4/images/s-icons.png) no-repeat -242px -7px;
	margin-left: 115px;
}
.w{
	width: 1140px;
	margin: 0 auto;
}

.banner{
	box-shadow:inset 0px 7px 8px -7px #484b48;
	margin-top: 1px;
	height: 521px;
	background: url(../case4/images/bg.jpg);
	position: relative;
}
.banner_l{
	position: absolute;
	left: 15%;
	top: 98px;
}
.banner .rect{
	position: absolute;
	left: 15%;
	top: 398px;
	width: 49px;
	height: 25px;
	border-radius: 1px;
	border: 1px white solid;
	background-color: #ed5844;
}
.banner .rect2{
	position: absolute;
	margin-left: 59px;
	left: 15%;
	top: 398px;
	width: 51px;
	height: 27px;
	border-radius: 1px;
	background-color: #ffffff;
}
.banner .rect3{
	position: absolute;
	margin-left: 118px;
	left: 15%;
	top: 398px;
	width: 51px;
	height: 27px;
	border-radius: 1px;
	background-color: #ffffff;
}
.banner .rect4{
	position: absolute;
	margin-left: 177px;
	left: 15%;
	top: 398px;
	width: 51px;
	height: 27px;
	border-radius: 1px;
	background-color: #ffffff;
}
.banner_r{
	position: absolute;
	left: 50%;
	top: 98px;
}
.banner_r img{
	height: 375px;
}

.events{
	position: relative;
	margin-top: 70px;
}
.events .part1{
	position: relative;
	left: 15%;
	width: 360px;
	height: 128px;
	background: url(../case4/images/ser-bg.png) no-repeat center;
}
.events .part1-1{
	width: 67px;
	height: 123px;
	background-color: #ED5844;
	position: relative;
}
.events .part2{
	position: absolute;
	left: 41%;
	width: 360px;
	height: 128px;
	background: url(../case4/images/ser-bg.png) no-repeat center;
}
.events .part2-1{
	width: 67px;
	height: 123px;
	background-color: #ED5844;
	position: relative;
}
.events .part3{
	position: absolute;
	right: 10%;
	width: 360px;
	height: 128px;
	background: url(../case4/images/ser-bg.png) no-repeat center;
}
.events .part3-1{
	width: 67px;
	height: 123px;
	background-color: #ED5844;
}
.events .part4{
	position: absolute;
	left: 15%;
	top: 148px;
	width: 360px;
	height: 128px;
	background: url(../case4/images/ser-bg.png) no-repeat center;
}
.events .part4-1{
	width: 67px;
	height: 123px;
	background-color: #ED5844;
}
.events .part5{
	position: absolute;
	left: 41%;
	top: 148px;
	width: 360px;
	height: 128px;
	background: url(../case4/images/ser-bg.png) no-repeat center;
}
.events .part5-1{
	width: 67px;
	height: 123px;
	background-color: #ED5844;
}
.events .part6{
	position: absolute;
	right: 10%;
	top: 148px;
	width: 360px;
	height: 128px;
	background: url(../case4/images/ser-bg.png) no-repeat center;
}
.events .part6-1{
	width: 67px;
	height: 123px;
	background-color: #ED5844;
}
.events .icon1{
	width: 67px;
	height: 123px;
	background: url(../case4/images/s-icons.png) no-repeat;
	background-position: 18px 40px;
}
.events .icon2{
	width: 67px;
	height: 123px;
	background: url(../case4/images/s-icons.png) no-repeat;
	background-position: -71px 40px;
}
.events .icon3{
	width: 67px;
	height: 123px;
	background: url(../case4/images/s-icons.png) no-repeat;
	background-position: -147px 40px;
}
.events .icon4{
	width: 67px;
	height: 123px;
	background: url(../case4/images/s-icons.png) no-repeat;
	background-position: 18px -75px;
}
.events .icon5{
	width: 67px;
	height: 123px;
	background: url(../case4/images/s-icons.png) no-repeat;
	background-position: -65px -75px;
}
.events .icon6{
	width: 67px;
	height: 123px;
	background: url(../case4/images/s-icons.png) no-repeat;
	background-position: -147px -75px;
}
.p1{
	width: 263px;
	margin: 0;
	padding-left: 90px;
	padding-top: 20px;
	font-size: 14px;
	font-weight: 600;
	color: #525051;
}
.p2{
	width: 263px;
	margin: 0;
	padding-left: 90px;
	padding-top: 20px;
	font-size: 12px;
	font-weight: 100;
	color: #9f9f9f;
}
.xian{
	margin: 0 auto;
	padding-top: 416px;
	border-bottom: #bcbcbc double 3px;
	margin-bottom: 70px;
}
.purchase{
	margin: 0 auto;
	width: 1140px;
	height: 132px;
	background-color: #eeeeee;
	border: #dddddd 1px solid;
	border-left: #ED5844 solid 2px;
	background: url(../case4/images/message_03.jpg) #eeeeee no-repeat;
	background-position: 890px 39px;
}
.p3{
	font-size: 14px;
	font-weight: 500;
	padding-left: 34px;
	padding-top: 25px;
}
.p4{
	font-size: 12px;
	font-weight: 200;
	padding-left: 34px;
	color: #ababab;
}
.portfolio{
	margin-top: 50px;
}
.pfimg{
	width: 1140px;
}

.portfolio h4::after{
	content: " ";
	position: absolute;
 	width: 1010px;
	border-bottom: 3px double #bcbcbc;
	box-sizing: border-box;
}
.portfolio .i1{
	margin-right: 12px;
	width: 276px;
	height: 472px;
	background-color: #eeeeee ;
	position: relative;
}
.portfolio .im1{
	width: 250px;
	height: 310px;
	background: url(../case4/images/p1.jpg) no-repeat top center;
	position: absolute;
    background-size: cover;
	left: 14px;
	top: 14px;
}
.portfolio .im11{
	height: 310px;
	background: url(../case4/images/images/webdesign_03.jpg) no-repeat center;
	background-position: left;
	background-position: 0 283px;
}
.portfolio .i2{
	margin-right: 12px;
	width: 276px;
	height: 472px;
	background-color: #eeeeee ;
	position: relative;
}
.portfolio .im2{
	width: 250px;
	height: 310px;
	background: url(../case4/images/p2.jpg) no-repeat top center;
	position: absolute;
	left: 14px;
	top: 14px;
	 background-size:100% 100%;  
}
.portfolio .i3{
	margin-right: 12px;
	width: 276px;
	height: 472px;
	background-color: #eeeeee ;
	position: relative;
}
.portfolio .im3{
	width: 250px;
	height: 310px;
	background: url(../case4/images/p3.jpg) no-repeat top center;
	position: absolute;
	left: 14px;
	top: 14px;
	 background-size:100% 100%;  
}
.portfolio .i4{
	width: 276px;
	height: 472px;
	background-color: #eeeeee ;
	position: relative;
}
.portfolio .im4{
	width: 250px;
	height: 310px;
	background: url(../case4/images/p4.jpg) no-repeat top center;
	position: absolute;
	left: 14px;
	top: 14px;
	 background-size:100% 100%;  
}
.p5{
	font-weight: 100;
	font-size: 12px;
	color: #adadad;
}
.xian2{
	margin: 0 auto;
	margin-top: 650px;
	margin-bottom: 70px;
	border-bottom: #dddddd double 1px;
}
.email{
	position: relative;
	margin: 0 auto;
	width: 1140px;
	height: 132px;
	background-color: #eeeeee;
	border: #dddddd 1px solid;
	border-left: #ED5844 solid 2px;
	background-position: 890px 39px;
}
.email .em2{
	position: absolute;
	bottom: 48px;
	right: 60px;
	width: 29px;
	height: 31px;
	background: url(../case4/images/mail.png) #eeeeee no-repeat;
	
}
.bloggy{
	margin-top: 30px;
	height: 520px;
}
.bloggy .part1{
	margin-right: 40px;
	width: 341px;
}
.bloggy .part2{
	width: 340px;
	margin-right: 20px;
}
.bloggy .part3{
	width: 232px;
}
.bloggy .bh41::after{
	width: 610px;
	content: " ";
	position: absolute;
	border-bottom: 3px double #bcbcbc;
	box-sizing: border-box;
}
.bloggy .bh42::after{
	width: 278px;
	content: " ";
	position: absolute;
	border-bottom: 3px double #bcbcbc;
	box-sizing: border-box;
}
.bloggy .im1{
	width: 340px;
	height: 256px;
	background: url(../case4/images/b1.jpg) no-repeat left;
}
.bloggy .im2{
	margin-top: 60px;
	width: 340px;
	height: 256px;
	background: url(../case4/images/b2.jpg) no-repeat left;
}
.bloggy .im3{
	width: 380px;
}
.bloggy .im3-1{
	width: 90px;
	height: 110px;
	background: url(../case4/images/t1.jpg) no-repeat left;
	background-size: cover;
}
.bloggy .im3-2{
	width: 90px;
	height: 110px;
	background: url(../case4/images/p3.jpg) no-repeat left;
	background-size: cover;
}
.p6{
	padding-bottom: 15px;
	border-bottom: 2px solid #ADADAD;
}
.p7{
	font-weight: 100;
	font-size: 12px;
	color: #adadad;
	padding-bottom: 15px;
	border-bottom: 2px solid #ADADAD;
}
.p8{
	background: url(../case4/images/b_arrow.png) no-repeat left;
	background-position: 90px 4px;
	padding-left: 10px;
	font-size: 14px;
	color: #020202;
}
.p9{
	margin-left: 20px;
	width: 220px;
}
.p10{
	font-size: 11px;
}
.p11{
	font-size: 11px;
	color: #ED5844;
}
.bloggy .im3-1-1{
	position: absolute;
	width: 30px;
	height: 150px;
	background: url(../case4/images/quotes.png) no-repeat left;
	background-position: 0 120px;
}
.p12{
	font-size: 10px;
	text-indent: 20px;
	padding-top: 120px;
	height: 54px;
	width: 348px;
	color: #b1b1b1;
}
.foot{
	background: url(../case4/images/images/bottom_03.jpg) no-repeat center;
	width: 1140px;
	height: 900px;
	background-position: 0 520px;
}
